"Dummy"-Dateien als Grundger�st f�r Deine Artikel
Zeilenschaltungen und Abs�tze
Titelzeile
�berschriften hervorheben
Textabschnitte zentrieren
Bilder einf�gen
Trennlinien einf�gen
Tabellen
Aufz�hlungslisten
Sonderzeichen und Umlaute
Mehr �ber HTML
Jeder NoCover liegen mehrere Dateien bei, die Du als Grundger�st f�r Deine Artikel verwenden kannst. (Diese Dateiein findets Du im Verzeichnis "dummy" auf der ersten Diskette der NoCover.)
Du schreibst den Artikel (wie bisher) mit Deinem Texteditor und f�gst diesen Artikel dann komplett zwischen den beiden HTML-Tags <BODY> und </BODY> ein.
Beispiel:
<BODY>
Das tollste Amiga-Spiel aller Zeiten ist erschienen und ich habe es getestet...
</BODY>
Und so siehts dann aus:
Das tollste Amiga-Spiel aller Zeiten ist erschienen und ich habe es getestet...
Zeilenschaltungen und Abs�tze, die beim Schreiben im Texteditor gemacht wurden, werden vom HTML-Anzeiger ignoriert - er verlangt nach speziellen HTML-Tags. Aus diesem Grund solltest Du w�hrend des Schreibens des reinen ASCII-Textes auch auf jegliche Trennungen verzichten!
Der HTML-Tag f�r eine Zeilenschaltung lautet <BR>, einen Absatz machst Du mit dem HTML-Tag <P>. Du mu�t nun aber nicht am Ende jeder Zeile eine Zeilenschaltung einf�gen, da jeder HTNL-Anzeiger automatisch einen Zeilenumbruch durchf�hrt, wenn die Zeile am rechten Rand angekommen ist. <BRr> ben�tigst Du nur, wenn Du an einer bestimmten Stelle eine Zeilenschaltung erzwingen willst.
Bei einem normalen Artikel gen�gt es, am Ende jeden Absatzes den HTML-Tag <P> einzuf�gen - eine Sache von max. 2 Minuten.
Beispiel:
Meine Adresse lautet:<P>
Max Mustermann<BR>
Beispielgasse 12<P>
64739 Gibtsnich
Und so siehts dann aus:
Meine Adresse lautet:
Max Mustermann
Beispielgasse 12
64739 Gibtsnich
Die Titelzeile erscheint gaaanz oben im Browser-Fenster, da wo jetzt steht: (Browsername:)"Artikel-Layout leichtgemacht"
Auch im HTML-Code befindet sich die Titelzeile ganz weit oben, zwischen den HTML-Tags <TITLE> und </TITLE>.
Beispiel:
<TITLE> Spieletest: Genetic Species </TITLE>.
Wie sowas aussieht, hast Du gerade schon gesehen.
�erschriften hebst Du mit den HTML-Tags <H1> bis <H6> hervor, wobei <H1> f�r die gr��te �berschriftengr��e und <H6> f�r die kleinste �berschriftengr��e steht. Am Ende des �berschriftentextes mu�t Du mit dem Abschlu�tag </Hn> dem HTML-Anzeiger klarmachen, da� an dieser Stelle der �berschriftentext zu Ende ist, wobei Du das "n" mit der Zahl ersetzen mu�t, die Du am Anfang der �berschrift als Gr��e angegeben hast.
Beispiel:
<H1> Forscher entdecken zweik�pfiges Eichh�rnchen </H1>
Und so siehts dann aus:
Um einen Textabschnitt (oder eine �berschrift, ein Bild etc.) zu zentrieren, mu�t Du diesen zwischen die zwei HTML-Tags <center> und </center> plazieren.
Beispiel:
<CENTER>
APC&TCP-Computerclub
</CENTER>
Und so siehts dann aus:
Bilder, die innerhalb von HTML-Seiten angezeigt werden sollen, sollten entweder im GIF- oder im JPEG-Format vorliegen Dabei ist nat�rlich darauf zu achten, da� Qualit�t und Gr��e des Bildes in einem angemessenen Verh�ltnis zur Dateigr��e stehen, da die NoCover auch weiterhin auf 2 Disketten passen soll.
Die Befehlszeile, um ein Bild darzustellen, ist folgenderma�en aufgebaut:
<IMG SRC="(Dateiname)" width=(Bildbreite) height=(Bildh�he)>
Beispiel:
(Das Bild "myst.jpg" mit der Gr��e 160x120 Pixel soll dargestellt werden)
<IMG SRC="int_anleitung_2.jpg" width=160 height=120>
Und so siehts dann aus:
Trennlinien, wie Du sie auf dieser Seite am Ende jedes Kapititels findest, kannst Du sehr einfach einf�gen, und zwar mit dem HTML-Tag <HR>. Der �bersichtlichkeit halber sollte vor und nach der Trennlinie jeweils eine Leerzeile sein.
Beispiel:
... und jetzt ist erstmal umme mit dem ganzen Gelaber.<P>
<HR>
<BR>
Und schon gehts wieder weiter...
Und so siehts dann aus:
... und jetzt ist erstmal umme mit dem ganzen Gelaber.
Solche Dinge wie Wertungsk�sten gestaltet man am besten als Tabelle, was dank der Dummy-Datei auch ganz einfach ist.
Eine Tabelle wird mit dem HTML-Tag <TABLE> eingeleitet und mit </TABLE> beendet. Dabei unterscheidet man Tabellen mit Gitternetzlinien und welche ohne (sog. blinde Tabellen).
Beispiel 1 (mit Gitternetzlinien)
<TABLE BORDER>
<TR>
<TD>Hersteller:
<TD>clickBOOM
</TR>
<TD>Vertrieb:
<TD>PXLcomputers Kanada
</TR>
</TABLE>
Und so siehts dann aus:
| Hersteller: | clickBOOM |
| Vertrieb: | PXLcomputers Kanada |
Beispiel 2 (ohne Gitternetzlinien)
<TABLE>
<TR>
<TD>Hersteller:
<TD>clickBOOM
</TR>
<TD>Vertrieb:
<TD>PXLcomputers Kanada
</TR>
</TABLE>
Und so siehts dann aus:
| Hersteller: | clickBOOM |
| Vertrieb: | PXLcomputers Kanada |
Bevor ich jetzt gro� und breit zu erkl�ren versuche, was ich mit "Aufz�hlungslisten" meine, komme ich am besten gleich zum
Beispiel:
<UL>
<LI>Erster Listeneintrag
<LI>Zweiter Listeneintrag
<LI>Dritter Listeneintrag
</UL>
Und so siehts dann aus:
Sonderzeichen und Umlaute sollte man durch die daf�r vorgesehene HTML-Zeichenfolge ersetzen, da sonst manche Browser Probleme bei der Darstellung haben. Mit deutschen Umlauten kommen zwar die meisten Browser klar, aber sicher ist sicher.
Anders sieht es da schon mit Sonderzeichen wie dem uns allen vertrauten "&" aus. Voyager macht zum Beispiel aus einem normal geschriebenen APC&TCP kurzerhand ein APC. Dieses Zeichen sollte man also auf jeden Fall durch eine HTML-Zeichenfolge ersetzen. In diesem Fall lautet diese "&" (ohne G�nsef��chen).
Am besten schreibst Du erstmal den Text ganz normal mit allen Umlauten und Sonderzeichen und verwendest nachher die Suche/Ersetze-Funktion Deines Text-Editors.
Nun kann man nat�rlich unm�glich alle Zeichenfolgen f�r Umlaute und Sonderzeichen im Kopf behalten. Deshalb habe ich mal eine Liste aller g�ngigen Zeichenfolgen aus der "SelfHTML" (siehe unten) "herausgeklaut" und sie �ber eine Unterseite in dieses Dokument eingef�gt.
"HTML-Dateien selbst erstellen" hei�t ein genauso umfangreiches wie leichtverst�ndliches deutschsprachiges HTML-Kompendium von Stefan M�nz. Du kannst es entweder im Buchhandel k�uflich erwerben, oder kostenlos aus dem WWW downloaden, dort nat�rlich im HTML-Format. Unter der Adresse http://www.teamone.de/selfhmtl/ findest Du das ca. 1,5 MB gro�e zip-Archiv (Unzip gibt es im Aminet).